<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="src/style/index.css">
<!-- PC点击 -->
<a href="javascript:;" class="pc-nav-show" id="pcNavShow"></a>
<div class="pc-nav-wrap" id="pcNavWrap">
<a href="javascript:;" id="diseaseEncyclopedia">疾病百科</a>
<a href="javascript:;" id="diseaseInspection">疾病自查</a>
<a href="javascript:;" id="healthTest">中医健康测试</a>
<a href="javascript:;">亚健康测试</a>
</div>
<!-- pc 头背景-->
<div class="pc-back-yellow" id="pcBackYellow"></div>
<!-- 通用头 -->
<header class="enc-head">
  <nav class="enc-tab" id="encTab">
  	<a href="javascript:;"  class="active">人体</a>
  	<a href="javascript:;">列表</a>
  </nav>
  <label class="screen-text" id="screenText" data-off="false">
  	<input type="text" value="" id="encText"/>
  </label>
  <div class="details-title" id="detailsTitle">测试测</div>
  <div id="detailsTitleBack"></div>
  <div class="enc-screen" id="encScreen"></div><!--active 取&nbsp;消-->
</header>

<!-- 人体 -->
<div class="body-wrap-all" id="bodyWrapAll">
  <a href="javascript:;" class="else-symptom" id="elseSymptom" data-id="18">其他症状</a>
  <a href="javascript:;" class="manBtn" id="manBtn">男性</a>
  <a href="javascript:;" class="womanBtn active-check" id="womanBtn">女性</a>
  <div class="body-all">
    <div class="body-wrap-just" id="bodyWrapJust">
    	<!-- 女 -->
      <span id="womanBodyZm">
      	<div class="wm-header-wrap errorPathBack" id="wmHeaderWrap"></div>
      	<div class="wm-abdomen errorPathBack" id="wmAbdomen" data-id="19" title="腹部"></div>
      	<div class="wm-bear errorPathBack" id="wmBear" data-id="10" title="胸部"></div>
      	<div class="wm-upper errorPathBack" id="wmUpper" data-id="8" title="上肢"></div>
      	<div class="wm-hand errorPathBack" id="wmHand" data-id="9"  title="手"></div>
      	<div class="wm-engender errorPathBack" id="wmEngender" data-id="12" title="生殖部位"></div>
      	<div class="wm-leg errorPathBack" id="wmLeg" data-id='13' title="腿部"></div>
      	<div class="wm-footer errorPathBack" id="wmFooter" data-id="14" title="脚步"></div>
      </span>
    	<!-- 男 -->
      <span id="manBodyZm" style="display: none;">
        <div class="man-wrap-on-big-head errorPathBack" id="manWrapOnBigHead"></div>
        <div class="man-wrap-fb errorPathBack" id="manWrapFb" data-id="19" title="腹部"></div>
        <div class="man-wrap-sz errorPathBack" id="manWrapSz" data-id="8" title="上肢"></div>
        <div class="man-wrap-xb errorPathBack" id="manWrapXb" data-id="10" title="胸部"></div>
        <div class="man-wrap-szbw errorPathBack" id="manWrapSzbm" data-id="12" title="生殖部位"></div>
        <div class="man-wrap-sb errorPathBack" id="manWrapSb" data-id="9"  title="手"></div>
        <div class="man-wrap-st errorPathBack" id="manWrapSt" data-id="13" title="腿部"></div>
        <div class="man-wrap-sj errorPathBack" id="manWrapSj" data-id="14" title="脚步"></div>
      </span>  

    </div>
    <span id="manBodyBm" class="man-body-bm" style="display: none;">
      <div class="man-wrap-bm-bb errorPathBack" id="manWrapBb" data-id="20" title="背部"></div>
      <div class="man-wrap-bm-tb errorPathBack" id="manWrapTb" data-id="11" title="臀部"></div>
      <div class="man-wrap-bm-yb errorPathBack" id="manWrapYb" data-id="21" title="腰部"></div>
    </span>
    <span id="womanBodyBm" class="woman-body-bm" style="display: none;">
        <div class="wm-bm-bb errorPathBack" id="wmBmBb" data-id="20" title="背部"></div>
        <div class="wm-bm-tb errorPathBack" id="wmBmTb" data-id="11" title="臀部"></div>
        <div class="wm-bm-yb errorPathBack" id="wmBmYb" data-id="21" title="腰部"></div>
    </span>
  	<ul class="mark-radio" id="markRadio">
  	  <li class="active"></li>
  	  <li></li>
  	</ul>
  </div>
  <div class="body-show-text" id="bodyShowText">正面</div>

  <!-- 女放大头 -->
  <div class="wm-header-all-show" id="wmHeaderAllShow" style="display:none;">
    <div class="wm-header-big">
      <div class="wm-head-big-bb errorPathBack" id="wmHeadBigBb" data-id="3" title="鼻部"></div>
      <div class="wm-head-big-ed errorPathBack" id="wmHeadBigEd" data-id="5" title="耳朵"></div>
 <!--      <div class="wm-head-big-ed-1"></div>
      <div class="wm-head-big-ed-2"></div> -->
      <div class="wm-head-big-tb errorPathBack" id="wmHeadBigTb" title="头部" data-id="1"></div>
      <div class="wm-head-big-kq errorPathBack" id="wmHeadBigKq" data-id="4" title="唇部"></div>
      <div class="wm-head-big-yb errorPathBack" id="wmHeadBigYb" data-id="2" title="眼部"></div>
<!--       <div class="wm-head-big-yb-1"></div>
      <div class="wm-head-big-yb-2"></div> -->
      <div class="wm-head-big-mb errorPathBack" id="wmHeadBigMb" data-id="6" title="面部"></div>
<!--       <div class="wm-head-big-mb-1"></div>
      <div class="wm-head-big-mb-2"></div>
      <div class="wm-head-big-mb-3"></div> -->
    </div>
  	<a href="javascript:;" class="back-body-text" id="backBodyText">返回</a>
  </div>
  <!--男头放大-->
  <div class="man-header-all-show" id="manHeaderAllShow" style="display:none;">
    <div class="man-header-big">
      <div class="man-head-big-tb errorPathBack" id="manHeadBigTb" data-id="1"></div>
      <div class="man-head-big-bz errorPathBack" id="manHeadBigBz" data-id="3"></div>
      <div class="man-head-big-ed errorPathBack" id="manHeadBigEd" data-id="5"></div>
      <div class="man-head-big-kq errorPathBack" id="manHeadBigKq" data-id="4"></div>
      <div class="man-head-big-mb errorPathBack" id="manHeadBigMd" data-id="6"></div>
      <div class="man-head-big-yb errorPathBack" id="manHeadBigYb" data-id="2"></div>
    </div>
    <a href="javascript:;" class="man-back-body-text" id="manBackBodyText">返回</a>
  </div>

</div>

<!-- 病因详情页 -->
<div class="person-pa-details" id="personPaDetails">

  <div class="list-details">
  	<h1><i></i>概述</h1>
  	<a href="javascript:;" class="active"></a>
  	<p>前列腺炎是泌尿外科的常见病，在泌尿外科男性患者50岁以下中占首位。1995年NIH制定了一种新的前列腺炎分类方法，I型：相当于传统分类方法中的急性细菌性列腺炎，Ⅳ型：无症状性前列腺炎。其中非细菌性前列腺炎远较细菌性前列腺炎多见。</p>
  </div>


  <div class="list-details">
  	<h1><i></i>概述</h1>
  	<a href="javascript:;" class="active"></a>
  	<p>前列腺炎是泌尿外科的常见病，在泌尿外科男性患者50岁以下中占首位。1995年NIH制定了一种新的前列腺炎分类方法，I型：相当于传统分类方法中的急性细菌性列腺炎，Ⅳ型：无症状性前列腺炎。其中非细菌性前列腺炎远较细菌性前列腺炎多见。</p>
  </div>

  <div class="list-details">
  	<h1><i></i>概述</h1>
  	<a href="javascript:;" class="active"></a>
  	<p>前列腺炎是泌尿外科的常见病，在泌尿外科男性患者50岁以下中占首位。1995年NIH制定了一种新的前列腺炎分类方法，I型：相当于传统分类方法中的急性细菌性列腺炎，Ⅳ型：无症状性前列腺炎。其中非细菌性前列腺炎远较细菌性前列腺炎多见。</p>
  </div>

  <div class="list-details">
  	<h1><i></i>概述</h1>
  	<a href="javascript:;" class="active"></a>
  	<p>前列腺炎是泌尿外科的常见病，在泌尿外科男性患者50岁以下中占首位。1995年NIH制定了一种新的前列腺炎分类方法，I型：相当于传统分类方法中的急性细菌性列腺炎，Ⅳ型：无症状性前列腺炎。其中非细菌性前列腺炎远较细菌性前列腺炎多见。</p>
  </div>

  <div class="list-details">
  	<h1><i></i>概述</h1>
  	<a href="javascript:;" class="active"></a>
  	<p>前列腺炎是泌尿外科的常见病，在泌尿外科男性患者50岁以下中占首位。1995年NIH制定了一种新的前列腺炎分类方法，I型：相当于传统分类方法中的急性细菌性列腺炎，Ⅳ型：无症状性前列腺炎。其中非细菌性前列腺炎远较细菌性前列腺炎多见。</p>
  </div>

  <div class="list-details">
  	<h1><i></i>概述</h1>
  	<a href="javascript:;" class="active"></a>
  	<p>前列腺炎是泌尿外科的常见病，在泌尿外科男性患者50岁以下中占首位。1995年NIH制定了一种新的前列腺炎分类方法，I型：相当于传统分类方法中的急性细菌性列腺炎，Ⅳ型：无症状性前列腺炎。其中非细菌性前列腺炎远较细菌性前列腺炎多见。</p>
  </div>

  <div class="list-details">
  	<h1><i></i>概述</h1>
  	<a href="javascript:;" class="active"></a>
  	<p>前列腺炎是泌尿外科的常见病，在泌尿外科男性患者50岁以下中占首位。1995年NIH制定了一种新的前列腺炎分类方法，I型：相当于传统分类方法中的急性细菌性列腺炎，Ⅳ型：无症状性前列腺炎。其中非细菌性前列腺炎远较细菌性前列腺炎多见。</p>
  </div>

</div>
<!-- 身体部位信息列表 -->
<div class="person-body-list" id="personBodyList">
  <div class="person-lord" id="personLord">
  	<a href="javascript:;" data-id='0' class="active">常见</a>
  	<a href="javascript:;" data-id='1'>头部</a>
  	<a href="javascript:;" data-id='2'>眼部</a>
  	<a href="javascript:;" data-id='3'>鼻部</a>
  	<a href="javascript:;" data-id='4'>口腔</a>
  	<a href="javascript:;" data-id='5'>耳部</a>
  	<a href="javascript:;" data-id='6'>面部</a>
  	<a href="javascript:;" data-id='7'>腰部</a>
  	<a href="javascript:;" data-id='8'>上肢</a>
  	<a href="javascript:;" data-id='9'>手部</a>
  	<a href="javascript:;" data-id='10'>胸部</a>
  	<a href="javascript:;" data-id='11'>腹部</a>
  	<a href="javascript:;" data-id='12'>背部</a>
    <a href="javascript:;" data-id='13'>脚部</a>
    <a href="javascript:;" data-id='14'>下肢</a>
    <a href="javascript:;" data-id='15'>生殖器官</a>
    <a href="javascript:;" data-id='17'>臀部</a>
    <a href="javascript:;" data-id='16'>其他</a>
  </div>
  <div class="person-lord-details" id="personLordDetails">
  	<!-- <a href="javascript:;">常见</a>
  	<a href="javascript:;">头部</a>
  	<a href="javascript:;">脚步</a>
  	<a href="javascript:;">手臂</a>
  	<a href="javascript:;">双腿</a>
  	<a href="javascript:;">双脚</a> -->
  </div>
</div>
<!-- 热门搜索 -->
<div class="serch-hot-list" id="serchHotList">
  <h1>热门搜索</h1>
  <a heef="javascript:;">湿疹</a>
  <a heef="javascript:;">月经不调</a>
  <a heef="javascript:;">慢性支气管炎</a>
  <a heef="javascript:;">糖尿病</a>
</div>

<!-- 搜索到显示的列表 -->
<div class="serch-result-list" id="serchResultList">
  <ul>

  	<li>
  		<a href="#">
  			<span>前列腺囊肿</span>
  			<span>匹配度：<i>98%</i></span>
  			<p>主要症状：寒战，发热，疲乏无力等全身症状，主要症状：寒战，发热，疲乏无力等全身症状，伴有会...</p>
  		</a>
  	</li>

  	<li>
  		<a href="#">
  			<span>前列腺囊肿</span>
  			<span>匹配度：<i>98%</i></span>
  			<p>主要症状：寒战，发热，疲乏无力等全身症状，主要症状：寒战，发热，疲乏无力等全身症状，伴有会...</p>
  		</a>
  	</li>

  </ul>
</div>

<!-- 没找到符合的条件 -->
<div class="cannot-find" id="cannotFind"></div>

<!--通用脚-->
<footer class="comm-footer">
  <a href="javascript:;" id="diseaseEncyclopedia">
  	<i></i>
  	<span>疾病百科</span>
  </a>
  <a href="javascript:;" id="diseaseInspection" class="active">
  	<i></i>
  	<span>疾病自查</span>
  </a>
  <a href="javascript:;" id="healthTest">
  	<i></i>
  	<span>中医健康测试</span>
  </a>
  <a href="javascript:;">
    <i></i>
  	<span>亚健康测试</span>
  </a>
</footer>
</html>